<!DOCTYPE html>
<html lang="en">
#parse('base/head.html')
<style>
    /*地图*/
    .tooltip {
        position: absolute;
        display: inline-block;
        margin: 10px 20px;
        opacity: 1;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: -2px;
        left: 50%;
        margin-left: -5px;
        border-width: 8px 8px 0;
        border-top-color: #4b8cfa;
    }
    .tooltip.top .tooltip-arrow.up{  top: -3px;
        border-width: 0 8px 8px;
        border-bottom-color: #4b8cfa;}
    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .tooltip-inner {
        padding: 10px 20px;
        color: #333;
        text-align: center;
        background-color: #dcf7ff;
        border-radius: 4px;
        border: #4b8cfa 3px solid;
        text-align: left;
        box-shadow: 2px 2px 5px #5b5b5b;
    }

    .tooltip-inner h4 {
        margin: 5px 0 10px 0;
    }

    .tooltip-inner p {
        margin: 5px 0;
        font-size: 12px;
    }

    .tooltip-inner hr {
        height: 1px;
        border: none;
        border-top: 1px dashed #0066CC;
    }

    /*模态窗*/
    @media (min-width: 992px) {
        .modal-lg {
            width: 900px;
        }
    }

    @media (min-width: 1600px) {
        .modal-lg {
            width: 1200px;
        }
    }
    .gmap:hover polygon,.gmap:hover path{stroke:#ff0000;fill:#FC0; cursor:pointer}
    .gmap text{pointer-events: none;}

    /**/
    .mapcontainer{    display: inline-block;
        height: 450px;
        width:100%;
        overflow: hidden;
        text-align: center;
        position: relative;
        background-color: #ffffe3;
    }
    .mapoutline{position: absolute;
        top: 50%;
        margin-top: -350px;
        left: 50%;
        margin-left: -450px;}

</style>
<body class="no-skin">
<div class="main-container ace-save-state" id="main-container">
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="row">
                            <h5 class="widget-title">镇扶贫工作概览 </h5>
                        </div>
                        <div class="row">
                            <div  class="col-sm-8 fp_gs-left border-e9e9e9">
                                <p>
                                    $townInfoPO.townDesc
                                </p>
                                <div class="radio-box">
                                    <div class="red-ball mr-10 mb-11">
                                        <strong>#if(!${statTownPO.povertyFamilyNum})0#end
                                            $!{statTownPO.povertyFamilyNum}</strong>
                                        <em>贫困户</em>
                                    </div>
                                    <div class="blue-ball mb-11">
                                        <strong>#if(!${statTownPO.aidStaffNum})0#end
                                            $!{statTownPO.aidStaffNum}</strong>
                                        <em>扶贫人</em>
                                    </div>
                                    <div class="blue-ball mr-10">
                                        <strong>#if(!${statTownPO.aidProject})0#end
                                            $!{statTownPO.aidProject}</strong>
                                        <em>扶贫项目</em>
                                    </div>
                                    <div class="blue-ball">
                                        <strong>#if(!${statTownPO.aidNum})0#end
                                            $!{statTownPO.aidNum}</strong>
                                        <em>帮扶记录</em>
                                    </div>
                                </div>
                            </div>
                            <div  class="col-sm-4">
                                <div style="height: 204px" class="alert alert-block border-e9e9e9">
                                    <div class="fp_mechanism">
                                        <h4 >镇扶贫工作领导机构</h4>
                                        <strong><span></span>0479-7211119</strong>
                                    </div>
                                    <p class="fpLD">
                                        镇党委书记:$!townAidOrg.partySecretary<br/>
                                        组长：$!townAidOrg.groupLeader<br/>
                                        副组长：$!townAidOrg.deputyGroupLeader<br/>
                                        成员：$!townAidOrg.groupMember<br/>
                                        领导小组办公室：$!townAidOrg.leaderOrgOffice<br/>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-7">
                                #if ($!townInfoPO.townId == 1)
                                    #parse('base/index_map_1.html')
                                #elseif ($!townInfoPO.townId == 2)
                                    #parse('base/index_map_2.html')
                                #elseif ($!townInfoPO.townId == 3)
                                    #parse('base/index_map_3.html')
                                #elseif ($!townInfoPO.townId == 4)
                                    #parse('base/index_map_4.html')
                                #elseif ($!townInfoPO.townId == 5)
                                    #parse('base/index_map_5.html')
                                #elseif ($!townInfoPO.townId == 6)
                                    #parse('base/index_map_6.html')
                                #elseif ($!townInfoPO.townId == 7)
                                    #parse('base/index_map_7.html')
                                #end
                            </div>
                            <div class="col-sm-5 max-height-400">
                                <table class="table table-bordered table-striped">
                                    <thead class="thin-border-bottom">
                                    <tr>
                                        <th style="width: 35%">
                                            <i class="blue"></i>
                                        </th>
                                        <th style="width: 20%">
                                            <i class="ace-icon fa fa-caret-right blue"></i>常驻人口
                                        </th>
                                        <th style="width: 20%">
                                            <i class="ace-icon fa fa-caret-right blue"></i>贫困人口
                                        </th>
                                        <th style="width: 20%" class="hidden-480">
                                            <i class="ace-icon fa fa-caret-right blue"></i>占比
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    #foreach($item in $codeStatVillagePOList)
                                    <tr>
                                        <td>$item.villageName</td>
                                        <td>$item.residentPop</td>
                                        <td>
                                            $item.povertyPop
                                        </td>
                                        <td class="hidden-480">
                                            $item.povertyRatePercent
                                        </td>
                                    </tr>
                                    #end
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- /.page-content -->
        </div>
    </div>
</div>
<div style="display: none" id="dataDIv" class="tooltip top" role="tooltip" style=" left:0px;top:0px;">
    <div class="tooltip-arrow"></div>
    <div class="tooltip-inner">
        <h4><em id="townNameEm">额仁淖尔苏木</em> </h4>
        <hr>
        <p>常住人口数：<em id="povertyFamilyNum">800</em></p>
        <p>贫困人口数：<em id="povertyPopEm">1600</em></p>
        <p>贫困人口占比：<em id="povertyRateEm">10%</em></p>
        <hr/>
    </div>
</div>
<style>
    .infobox{
        width: 200px;
    }
</style>
</body>
</html>